$(function(){

	$("#frm_chvisitas").submit(function(){
		$.getJSON(base_url+"panel/estadisticas/get_visitas_ajax", 
			"fecha1="+$("#ffecha_ini", this).val()+"&fecha2="+$("#ffecha_fin", this).val(), 
			function(data){
				visitas_todas  = data.visitas_todas;
				visitas_tic    = data.visitas_tic;
				visitas_gratis = data.visitas_gratis;
				asignaChartVisitas();
			});
		return false;
	});

	$("#frm_chingresos").submit(function(){
		$.getJSON(base_url+"panel/estadisticas/get_ingresos_ajax", 
			"fecha1="+$("#ffecha2_ini", this).val()+"&fecha2="+$("#ffecha2_fin", this).val(), 
			function(data){
				alert(JSON.stringify(data));
				ingresos_todos     = data.ingresos_todos;
				ingresos_ilimitado = data.ingresos_ilimitado;
				ingresos_tipos     = data.ingresos_tipos;
				
				asignaChartIngresos();
			});
		return false;
	});

	asignaChartVisitas();
	asignaChartIngresos();
});



function asignaChartVisitas(){
	$("#chvisitas").remove();
	$("#chart_visitas").append('<div id="chvisitas" class="center" style="height:300px"></div>');

	var plot = $.plot($("#chvisitas"),
	   [ { data: visitas_todas, label: "Todas"}, { data: visitas_tic, label: "Tic" }, { data: visitas_gratis, label: "Gratis" } ], {
		   series: {
			   lines: { show: true  },
			   points: { show: true }
		   },
		   grid: { hoverable: true, clickable: true, backgroundColor: { colors: ["#fff", "#eee"] } },
		   colors: ["#539F2E", "#F47C04", "#3C67A5"]
		 });

	var previousPoint = null;
	$("#chvisitas").bind("plothover", function (event, pos, item) {
			if (item) {
				if (previousPoint != item.dataIndex) {
					previousPoint = item.dataIndex;

					$("#tooltip").remove();

					showTooltip(item.pageX, item.pageY,
								item.series.data[item.dataIndex][2]+": "+item.datapoint[1]+" visitas");
				}
			} else {
				$("#tooltip").remove();
				previousPoint = null;
			}
	});
}

function asignaChartIngresos(){
	$("#chingresos").remove();
	$("#chart_ingresos").append('<div id="chingresos" class="center" style="height:300px"></div>');

	var datos = [ 
		{ data: ingresos_todos, label: "Todo"}, 
		{ data: ingresos_ilimitado, label: "Ilimitado" }
	],
	colores = ["#539F2E", "#F47C04"];

	for(itm in ingresos_tipos){
		datos.push({ data: ingresos_tipos[itm], label: itm });
		colores.push(get_random_color())
	}

	var plot = $.plot($("#chingresos"),
	   datos, {
		   series: {
			   lines: { show: true  },
			   points: { show: true }
		   },
		   grid: { hoverable: true, clickable: true, backgroundColor: { colors: ["#fff", "#eee"] } },
		   colors: colores
		 });

	var previousPoint = null;
	$("#chingresos").bind("plothover", function (event, pos, item) {
			if (item) {
				if (previousPoint != item.dataIndex) {
					previousPoint = item.dataIndex;

					$("#tooltip").remove();

					showTooltip(item.pageX, item.pageY,
								item.series.data[item.dataIndex][2]+": $"+item.datapoint[1]+"");
				}
			} else {
				$("#tooltip").remove();
				previousPoint = null;
			}
	});
}

function showTooltip(x, y, contents) {
		$('<div id="tooltip">' + contents + '</div>').css( {
			position: 'absolute',
			display: 'none',
			top: y + 5,
			left: x + 5,
			border: '1px solid #fdd',
			padding: '2px',
			'background-color': '#dfeffc',
			opacity: 0.80
		}).appendTo("body").fadeIn(200);
	}


function get_random_color() {
	var letters = '0123456789ABCDEF'.split('');
	var color = '#';
	for (var i = 0; i < 6; i++ ) {
	    color += letters[Math.round(Math.random() * 15)];
	}
	return color;
}